@extends('Home.layout.layout')
@section('con')
<div class="container">
  <div class="col-md-10 col-xs-12 col-md-offset-1">
    <ol class="breadcrumb" style="background-color:#fff;">
      <li><a href="{{url('/homes/index')}}">首页</a></li>
        <li class="active" style="color:#333;">志愿者及捐助</li>
    </ol>
  </div>
</div>
<div class="container">
  <div class="col-md-10 col-xs-12 col-md-offset-1">
    <div class="panel panel-info">
      <div class="row">
          <div class="col-md-2 col-xs-10" style="background-color:#F2F2F2;margin-left:20px;text-align:center;">
            <ul class="nav" style="margin-left:-5px;">
              <li style="border-bottom:1px dashed #858585;"><a style="font-size:18px;color:#333;" href="{{url('/home/loveser/index')}}">志愿者活动</a></li>
              <li style="border-bottom:1px dashed #858585;"><a style="font-size:18px;color:#333;" href="#">志愿者手记</a></li>
            </ul>
          </div>
          <div class="col-md-7 col-xs-11">
            <div class="row" style="border-bottom:1px solid #858585;margin-left:3%;">
                <h4 style="line-height:40px;">志愿者手记</h4>
            </div>
            @foreach($notes as $k =>$v)
              <a href="{{url('/home/loveser/info',['id'=>$v->id])}}"><div class="row" style="border-bottom:1px solid #C9C9C9; margin-top:20px; margin-left:10px;">
                <div class="row">
                  <div class="col-sm-4">
                    <img src="{{asset($v->pic)}}" width="200px" height="130px" alt="">
                  </div>
                  <div class="col-sm-7 col-sm-offset-1" style="overflow:hidden;">
                    <h4 style="color:#333;margin-left:3%">{{$v->title}}</h4>
                    <div class="row" style="color:#333;height:70px;width:100%;margin-left:1%;">{!!$v->content!!}</div>
                    <span style="color:#333;">{{date('Y-m-d H:i',$v->time)}}</span>
                  </div>
                  </div>
                  <div class="row" style="height:20px;"></div>
                </div></a>
            @endforeach
            <div clas="row" style="text-align:center;line-height: 50px;margin-top:10px;">
            <a style="color:#333;text-decoration: none;" href="{!!$notes->url(0)!!}">首页</a>&nbsp;|&nbsp;
            <a style="color:#333;text-decoration: none;" href="{!!$notes->previousPageUrl()!!}">上一页</a>
            <a style="color:#333;text-decoration: none;" href="{!!$notes->nextPageUrl()!!}">下一页</a>&nbsp;|&nbsp;
            <a style="color:#333;text-decoration: none;" href="{!!$notes->url($notes->lastPage())!!}">尾页</a>&nbsp;&nbsp;
            <span>当前页码:{!!$notes->currentPage()!!}/{!!$notes->lastPage()!!}</span>&nbsp;&nbsp;<span>共{!!$notes->total()!!}条</span>
            </div>
          </div>
          <div class="col-md-2 col-xs-10" style="border:1px solid #858585;margin-left:4%;">
            <div class="row">
              <h4>每一分参与,</h4><h4 style="text-align:right;">每一分力量</h4>
            </div>
            <div class="row">
              <img src="{{asset('/public/Home/images/apperweima.png')}}" width="100%" alt="">
            </div>
          </div>
      </div>
    </div>
  </div>
</div>
@endsection



